@charset "utf-8";

@font-face {
    font-family: Roboto Condensed;
    src: url(../fonts/Roboto-Condensed.ttf);
    font-weight: normal;
} 
html, body {
    font-size: 12px;
    font-family: 'Roboto Condensed', sans-serif;
    color: #333;
}
a { 
    color: #333;
    text-decoration: none;
    cursor: pointer; 
}
ul li { list-style: none; }
.line-top {
    border-top: 1px solid #ddd;
}
.clear { clear: both; }
/* css for div error */
div.errorXSS {
    color: red;
    /*
	background: none repeat scroll 0 0 #2B012C !important;
    border: 2px solid #DDDDDD;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 0 6px #000000;
    color: #FFFFFF;
    font-size: 13px;
    padding: 4px 10px;
    position: relative;
    */
}
div.errorXSS:after{
    /*
	content:"";
	display:block;
	width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #DDDDDD;
	top: 100%;
	position: absolute;
    */
}
input.errorXSS, select.errorXSS, textarea.errorXSS{
	border: solid 1px red;
}
/* css for custom tooltip */
div.jqplot-highlighter-tooltip {
    background: none repeat scroll 0 0 #1FBBA6 !important;
    border: 1px solid #1FBBA6;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    font-size: 13px;
    margin-left: -10.5%;
    padding: 10px 20px;
    position: relative;
}
div.jqplot-highlighter-tooltip:after{
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #1FBBA6;
    content: "";
    display: block;
    height: 0;
    left: 47%;
    position: absolute;
    top: 100%;
    width: 0;
}
#header {
    z-index: 50;
    position: relative;
    clear: both;
    text-transform: lowercase;
    padding-top: 7px;
}

#header .logo{  
   float: left;
   margin: 10px 0px;
}

#header .header-right-nav {
    color: #434343;
    font-size: 13px;
    line-height: 13px;
    text-transform: lowercase;
}
#header .header-right-nav a {
    color: #434343 !important;
}
#header .header-right-nav .links {
    float: right;
    text-align: right;
    width: 600px;
}

#header .header-right-nav .links span {
display: inline-block;
}

#header .header-right-nav .acct .cart {
   background: url('http://static-cdn-1.tp-global.net/image/tp/rebrand/sprite-main-2013-08-13.png') no-repeat -80px -279px;
    padding: 0px 0 2px 20px;
    margin-right: 12px
}

#header .header-right-nav .srch {
    border: 1px solid #ccc;
}

#header .header-right-nav .srch form .input {
    width: 109px;
}

#header .header-right-nav .srch form input {
    border: none;
}

#header input, #footer input {
    font-size: 11px;
    color: #666;
    border: 1px solid #ccc;
}

#header input.input, #footer input.input {
    padding: 4px;
}
#header .header-right-nav div .srch input.btn {
    background: url('http://static-cdn-1.tp-global.net/image/tp/rebrand/sprite-main-2013-08-13.png') no-repeat -80px -298px;
    padding: 0 5px;
    height: 22px;
    width: 22px;
    filter: none;
    border: none;
    box-shadow: none;
}
#header input.btn, #footer input.btn {
    padding: 3px 6px;
    color: #fff;
    vertical-align: baseline;
}


#header .header-right-nav .links .aux {
    margin: 7px 0;
}

#header .header-right-nav .fs-blurb {
    font-family: "Trade Gothic W01 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
}
ol {
    list-style: decimal;
}
#nav-menu-top {
    width: 100%;
    height: 32px;
    margin-top: 10px;
    padding-left:0px;
    border-bottom: 1px solid #434343;
    color: #616161;
    font-family: Arial, sans-serif;
    font-size: 11px;
    text-align: justify;
    line-height: 32px;
    clear: both;
}

#nav-menu-top > li {
    position: relative;
    height: 16px;
    z-index: 100;
    display: inline-block;
}

#nav-menu-top li {
    margin: 0;
    padding: 0;
    list-style: none;
    color: #434343;
    text-transform: capitalize;
}

#nav-menu-top > li {
    padding: 7px 11px;
}

#nav-menu-top > li:hover {
  background-color: #ccc;
}
#nav-menu-top li.item-nav > span:first-child{
    color: #232323;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    font-weight: normal !important;
}

#nav-menu-top .__item-nav {
    display: block;
    width: 100%;
    height: 100%;
    text-align: left;
    font-family: Arial, sans-serif !important;
    font-weight: bold;
    padding: 0;
}

#nav-menu-top li.item-nav > span:first-child a, #navi li.item-nav > span:first-child{
    color: #232323;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    font-weight: normal !important;
}

#nav-menu-top a, #nav-menu-top span{
    display: block;
    width: 100%;
    height: 100%;
    text-align: left;
    font-family: Arial, sans-serif !important;
    font-weight: bold;
    padding: 0;
}

#nav-menu-top a {
    color: #616161;
    line-height: 14px;
    margin: 0 0 5px 0;
    font-size: 11px;
}

#nav-menu{
    margin: 7px 0px;
    border-bottom: 1px solid #434343;
    width: 100%;
}

ul.dropdown ul li {
 font-weight: normal;
}
        
	ul.dropdown li {
	 padding: 7px 10px;	 
	 background-color: white;
	 color: #000;
	}
    ul.dropdown > li{
        background-color: #fff;        
    }

	ul.dropdown > li.hover,
	ul.dropdown > li:hover,
	ul.dropdown > li.on {
        background-color: #3d6fc3;
        color: #2a8ece;
	}

	ul.dropdown a:link,
	ul.dropdown a:visited	{ color: #333; text-decoration: none; }
	ul.dropdown a:hover		{ color: #333; }
	ul.dropdown a:active	{ color: #333; }

	/* -- level mark -- */
        ul.dropdown > li > a{
            text-transform: uppercase;
        }
	


ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
 position: relative;
 z-index: 50;
 float: left;
}

ul.dropdown li {
 float: left;
 /*min-height: 1px;*/
 line-height: 1.3em;
 vertical-align: middle;
}

ul.dropdown > li.hover,
ul.dropdown > li:hover {
    position: relative;
    z-index: 599;
    cursor: default;
    background-color:#ccc;
}
ul.dropdown > li{
    margin-right: 18px;
}

ul.dropdown > li:last-child{
    margin-right: 0px;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0px;
 z-index: 598;
 width: 100%;
}

ul.dropdown {
 font-weight: bold;
}

ul.dropdown ul {	
    width: 250px;
    margin-top: 0px;
    padding-top: 1px;
    border: 2px solid #ccc;
    border-top: none;
}

ul.dropdown ul li {
    float: none;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}

ul.dropdown-vertical-rtl {
 float: right;
}

ul.dropdown-vertical-rtl ul,
ul.dropdown-horizontal > li.dropdown-vertical-rtl ul ul {
 left: auto !important;
 right: 99%;
}

ul.dropdown-horizontal li.dropdown-vertical-rtl ul {
 left: auto;
 right: 0;
}

ul.dropdown-vertical-rtl li,
li.dropdown-vertical-rtl li {
 text-align: right;
}
ul.dropdown li a { 
    font-weight: normal;
    line-height: 34px;
    display: block;    
    padding: 0 15px;   
    text-decoration: none;
    color: #333;
    font-size: 13px;
    text-transform: none;
}
ul.dropdown > li > a:hover , ul.dropdown > li > a.active{
    background-color:#ccc;
    color: #333 !important;
}

ul.dropdown > li > a{
    color: #333 !important;
    text-transform: uppercase;
}
ul.dropdown li.dir ul{
    padding-top: 5px;
}
ul.dropdown li.dir ul li > a{ font-weight: bold; font-size: 13px;  text-transform: uppercase;}
ul.dropdown li.dir ul li a{ line-height: 15px; padding: 5px;}
ul.dropdown li.dir ul li a:hover , ul.dropdown li.dir ul li a.active{
    text-decoration: underline;
    color: #111;
}
/* -- Base style override -- */

ul.dropdown li {
 padding: 0;
}


/* -- Base style reinitiate: post-override activities -- */

/*
ul.dropdown li.dir {
 padding: 7px 20px 7px 10px;
}
*/

ul.dropdown ul li.dir {
 padding-right: 15px;
}

ul.dropdown li.dir ul li .nav-menu-level-2{ margin-left: 10px; }
ul.dropdown li.dir ul li .nav-menu-level-2 a{
    color: #555;
}
#footer #nav {
    padding: 15px 0;
    margin: 0 auto;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

#footer .footer-newsletter-signup label{
    text-transform: uppercase;
    color: #0072C6;
    font-size: 10px;
    margin: 10px 0px 0 0;
    font-family: "Trade Gothic W01 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    vertical-align: middle;
    display: inline-block;
    font-weight: bold;
}

#footer #nav > .col-one , #footer #nav > .col > ul{
    padding-left: 0px !important;
}
#footer #nav ul li a {   
    line-height: 23px;
}

#footer a {
    color: #434343;
    text-decoration: none;
}
#footer a:hover {
  color: #000;
  text-decoration: underline;
}
#footer .copyright{
    padding:15px 0px;
}
#footer .copyright p{
    padding-bottom:7px;
    margin:0px;
}

.form-padding-20-0{ padding: 20px 0px; }
.ajax-loading {
    cursor: wait;
    background:url('../images/ajax-loading.GIF') no-repeat center center;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    filter: alpha(opacity=75);
    opacity: 0.75;
    position: absolute;
    z-index: 10000;
    height: 16px;
    width: 16px;
}
